import React from "react";
import NavBar, { MenuItem } from ".";
import { faCommentDots } from '@fortawesome/free-solid-svg-icons';
import "styled-components/macro";

const NavBarStory = {
    title: "页面组件/NavBar",
    component: NavBar
}

export default NavBarStory;

export const Default = () => <NavBar>默认</NavBar>;

export const Menu = () => {
    return (
        <div
            css={`
                background-color:${({ theme }) => theme.darkPurple};
                width:100px;
            `}
        >
            <MenuItem showBadge active icon={faCommentDots} />
        </div>
    );
}